import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule }   from '@angular/forms';
import { RouterModule, Routes } from '@angular/router';

import { AppComponent }  from './app.component';
import { contactComponent }  from './contact/contact.component';
import { loginComponent }  from './login/login.component';
import { portfolioComponent }  from './portfolio/portfolio.component';
import { accountComponent }  from './account/account.component';
import { checkoutComponent }  from './checkout/checkout.component';

import { AppComponentServer }  from './app.componentServer';


import { AppRoutingModule }     from './app-routing.module';

import { HeroesModule }     from './heroes/heroes.module';     //引入大的sModule进来
import { HomeModule }     from './home/home.module';

/*import { CrisisCenterModule }     from './crisis-center/crisis-center.module';  */

import { aboutUsModule }     from './aboutUs/aboutUs.module';  
import { shopModule }     from './shop/shop.module';  
import { CrisisCenterModule }     from './shopSidebar/shopSidebar.module';  
import { singleProductModule }     from './single-product/single-product.module';  
import { blogModule }     from './blog/blog.module'; 
import { cartModule }     from './cart/cart.module'; 
  import { SharedModule }        from './shared/shared.module';






@NgModule({
  imports:      [ BrowserModule,FormsModule,SharedModule, AppRoutingModule,HeroesModule,HomeModule,aboutUsModule,shopModule,CrisisCenterModule,singleProductModule,blogModule,cartModule],
  declarations: [ AppComponent,contactComponent,loginComponent,portfolioComponent,accountComponent,checkoutComponent ],
  providers:    [ AppComponentServer ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }
